<!DOCTYPE HTML>
<html>
<head>
<title>.:: Babosarang renewal ::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="css/cscenter.css" />
<script type="text/javascript"  src="js/jquery.js"></script>
<script type="text/javascript"  src="js/html5.js"></script>
<script type="text/javascript"  src="js/cuscenter.js"></script>
<script type="text/javascript" language="javascript" src="js/common.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		// button write review click
		$('#btn_Write_Review').click(function(){
			show_BaBo_Popup('modal_Form_Review', true); 
			return false;
		});

	});
	$(document).ready(function(){
		// button write review click
		$('#btn_link_bottom').click(function(){
			show_BaBo_Popup('modal_Form_link_bottom', true); 
			return false;
		});

	});
</script>
</head>

<body>
<header>
  <div class="container"><img src="img/header.jpg" /></div>
</header>
<div class="container mypage clearfix cus_center main_tpl"> 
  <!-- Begin: Breadcrumb -->
    <dl class="breadcrumb">
    	<span class="home"></span>홈<span class="cursor"></span><strong>고객행복센터</strong>
    </dl>
    <!-- End: Breadcrumb -->
    <div class="container_cus conner3">
        <div class="cus_main_top">
        	<div class="cus_main_top_left">
            	<div class="title">
            	<!--<h1>고객행복센터</h1>
                <p>고객님이 가장 궁금해하시는 부분이나 불편사항을 빨리 찾아 해결해 드립니다.</p>-->
                <img src="img/cscenter/title_top_customer_center_faq.jpg">
                </div>
                <div class="bg_black">
                    <form class="frm_search">
                    <input type="text" name="txt_search" style="border:none; outline:none; height:22px;" value="독도에 백배를 보내면 배송비가 얼마일까?" class="w260">
                    
                    </form>
                    <a href="#" id="btn_Write_Review"><img src="img/cscenter/btn_CUSTOMER_CENTER_main_black_board.jpg" style="margin-right:8px;"></a>
                    <a href=""><img src="img/cscenter/btn_CUSTOMER_CENTER_main_blue.jpg" style="margin-right:6px;"></a>
                </div><div class="clearfix"></div>
                <div style="height:34px;"></div>
            </div>
            <div class="cus_main_top_right">
            	<div class="support">
                	<img src="img/cscenter/img_CUSTOMER_CENTER_main_cal_center.jpg" width="365" height="129">
                </div>
                
            </div>
            <div class="clearfix"></div>
        	<div class="top_tablink">
            	<a href="" class="tablink_img1 active1"></a>
                <a href="" class="tablink_img2"></a>
                <a href="" class="tablink_img3"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="cus_table">
        	<div class="title_table">
                <img src="img/cscenter/title_tabtable_customer_faq.jpg">
            </div>
            <div id="tabs">
                        <div id="controller" class="clearfix">
                            <div class="active tabconner3" style="margin-left:0px;" id="c1"><a href="#tab-1">회원관련</a></div>
                            <div class="tabconner3" id="c2"><a href="#tab-2">주문결제</a></div>
                            <div class="tabconner3" id="c3"><a href="#tab-3">상품</a></div>
                            <div class="tabconner3" id="c2"><a href="#tab-4">배송</a></div>
                            <div class="tabconner3" id="c3"><a href="#tab-5">반품환불</a></div>
                            <div class="tabconner3" id="c2"><a href="#tab-6">서류</a></div>
                            <div class="tabconner3" id="c3"><a href="#tab-7">마일리지</a></div>
                        </div>
                        
                        
                        <div class="tab" id="tab-1">
                            <div id="result">
                                <table class="conner3">
                                  <!-- begin tablle -->
                                  <tbody>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb col1" style="color:#666;  border-bottom:1px solid #ddd;">번호</td>
                                      <td class="fwb col2 tb1">제목</td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">1</td>
                                      <td class="col2"><a class="link_menu_main" href="">실명(본인)확인을 하고 싶어요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">2</td>
                                      <td class="col2"><a class="link_menu_main" href="">IE(Internet Explorer) 브라우저 쿠키 설정 안내</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">3</td>
                                      <td class="col2"><a class="link_menu_main" href="">특정 서비스에서 로그아웃으로 보여요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">4</td>
                                      <td class="col2"><a class="link_menu_main" href="">아이핀 발급을 어떻게 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">5</td>
                                      <td class="col2"><a class="link_menu_main" href="">외국의 경우 실명(본인)확인은 어떻게 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">6</td>
                                      <td class="col2"><a class="link_menu_main" href="">실명(본인)확인을 하고 싶어요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">7</td>
                                      <td class="col2"><a class="link_menu_main" href="">IE(Internet Explorer) 브라우저 쿠키 설정 안내</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">8</td>
                                      <td class="col2"><a class="link_menu_main" href="">특정 서비스에서 로그아웃으로 보여요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="col1">9</td>
                                      <td class="col2"><a class="link_menu_main" href="">외국의 경우 실명(본인)확인은 어떻게 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="last_bor col1">10</td>
                                      <td class="last_bor col2"><a class="link_menu_main" href="">외국의 경우 실명(본인)확인은 어떻게 하나요?</a></td>
                                    </tr>
                                  </tbody>
                                </table>
                                <!-- -->
                            </div>
                            <div class="pagination">
                                 <ul>
                                    <li class="conner3" id="first"><a href="#">처음</a></li>
                                    <li class="conner3"><a href="#">&lt;</a></li>
                                    <li class="active conner3"><a href="#">1</a></li>
                                    <li class="conner3"><a href="#">2</a></li>
                                    <li class="conner3"><a href="#">3</a></li>
                                    <li class="conner3"><a href="#">4</a></li>
                                    <li class="conner3"><a href="#">5</a></li>
                                    <li class="conner3"><a href="#">6</a></li>
                                    <li class="conner3"><a href="#">7</a></li>
                                    <li class="conner3"><a href="#">8</a></li>
                                    <li class="conner3"><a href="#">9</a></li>
                                    <li class="conner3"><a href="#">10</a></li>
                                    <li class="conner3"><a href="#">&gt;</a></li>
                                    <li class="conner3" id="last"><a href="#">끝</a></li>
                                  </ul>
                            </div><!-- end pagination -->
                            <!--end #result -->
                        </div><!-- end #tab-1-->
                        <div class="tab" id="tab-2">
                        	<div id="result">
                                <table class="conner3">
                                  <!-- begin tablle -->
                                  <tbody>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb col1">1</td>
                                      <td class="col2"><a class="link_menu_main" href="">실명(본인)확인을 하고 싶어요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb col1">2</td>
                                      <td class="col2"><a class="link_menu_main" href="">IE(Internet Explorer) 브라우저 쿠키 설정 안내</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb col1">3</td>
                                      <td class="col2"><a class="link_menu_main" href="">특정 서비스에서 로그아웃으로 보여요. 어떻게 해야 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb col1">4</td>
                                      <td class="col2"><a class="link_menu_main" href="">아이핀 발급을 어떻게 하나요?</a></td>
                                    </tr>
                                    <tr height="40"><!--5 -->
                                      <td class="fwb last_bor col1">5</td>
                                      <td class="last_bor col2"><a class="link_menu_main" href="">외국의 경우 실명(본인)확인은 어떻게 하나요?</a></td>
                                    </tr>
                                  </tbody>
                                </table>
                                <!-- -->
                            </div><!--end #result -->
                        </div><!-- end #tab-1--> 
                        <div class="tab" id="tab-3">
                            <div id="result">
                                tab2<!-- -->
                            </div><!--end #result -->
                        </div>
                        <div class="tab" id="tab-4">
                            <div id="result">
                                tab4<!-- -->
                            </div><!--end #result -->
                        </div>
                        <div class="tab" id="tab-5">
                            <div id="result">
                                tab5<!-- -->
                            </div><!--end #result -->
                        </div>
                        <div class="tab" id="tab-6">
                            <div id="result">
                                tab6<!-- -->
                            </div><!--end #result -->
                        </div>
                        <div class="tab" id="tab-7">
                            <div id="result">
                                tab7<!-- -->
                            </div><!--end #result -->
                        </div>
                     </div>
        </div><div class="clearfix"></div>
        <div style="height:49px;"></div>
        <div class="cus_tip conner3">
        	<div style="padding:22px 0 0 23px;">
                <!--<h1>도움말 tip!</h1>-->
                <h1><img src="img/cscenter/title_bottom_cuscenter_faq.jpg"></h1>
                <p>- 바보사랑을 이용하시면서 불편하셨던 사항을 분류별로 빠르게 찾으실 수 있습니다.</p>
                <p>- 검색 또는 위 게시판에 없는 문의 사항은 1:1 문의 게시판을 이용해 주시면 빠르고 정확한 답변을 받으실 수 있습니다.</p>
            </div>
        </div>
        <div class="cus_main_tablink">
        	<div class="main_tablink"><a href="" class="img_bottom_1" id="btn_link_bottom"></a></div>
            <div class="main_tablink"><a href="" class="img_bottom_2"></a></div>
            <div class="main_tablink" style="margin-right:0px;"><a href=""  class="img_bottom_3"></a></div>
            <div class="clearfix"></div>
        </div><div class="clearfix"></div>
    </div>
</div>
<!--end wrappper -->
<div style="height:100px;">&nbsp;</div>
<footer>
  <div class="container"><img src="img/footer.jpg" /></div>
</footer>
<!--end footer -->
<!--show popup top 1:1-->
<div id="modal_Form_Review" class="purchase_POP">
    <button class="close"></button>
    <div class="purchase_top">
    	<!--<p style="font-family:RixGo EB; font-size:30px; margin-bottom:10px;">상품 정보 보기</p>
        <p style="font-family:RixGo B; font-size:14px; ">선택하신 상품의 정보와 구매 수량을 정할 수 있습니다. (문의 070-4022-8941)</p>-->
        <img src="img/cscenter/header_CUSTOMER_CENTER_1_1board_popup.jpg">
    </div>
    <div id="write_review" class="purchase-body">
    	<div class="purchase_content">
        	<p style="margin-bottom:20px; color:#888;">
            문의하실 유형을 먼저 선택하신 후, 내용을 입력하시면, 친절히 상담해드리겠습니다.<br>
			(한번 등록한 상담내용은 수정이 불가능 합니다.)
            </p>
        	<table class="conner3">
              <!-- begin tablle -->
              <tbody>
                <tr height="49"><!--4 -->
                  <td class="fwb th col1">문의유형</td>
                  <td class="col2">
                    <strong>1차유형&nbsp;</strong>
                    <label><select class="w155">
                        <option>구매관련 문의</option>
                        <option>구매관련 문의</option>
                        <option>구매관련 문의</option>
                    </select></label>&nbsp;&nbsp;&nbsp;&nbsp;
                    <strong>2차유형</strong>&nbsp;
                    <label><select class="w155">
                        <option>배송문의</option>
                        <option>배송문의</option>
                        <option>배송문의</option>
                    </select></label>
                  </td>
                </tr>
                <tr height="49"><!--9 -->
                    <td class="fwb th col1">주문번호</td>
                    <td>
                        <input type="text" class="w160" value="221401262146162582">&nbsp;
                        <img src="img/cscenter/btn_search_CUSTOMER_CENTER_1_1board_popup.jpg"> &nbsp;<span class="span11">※ 기재시에 더 빠른 처리 가능</span>
                    </td>
               </tr>
                <tr height="49"><!--6 -->
                    <td class="fwb th col1">연락처</td>
                    <td>
                        <input type="text" class="w67" value="">
                        <img src="img/mypage/txt_info.png">
                        <input type="text" class="w67" value="">
                        <img src="img/mypage/txt_info.png">
                        <input type="text" class="w67" value="">    
                        &nbsp;<span class="span11">※ 답변유무를 문자로 확인 가능 </span>       
                    </td>
                </tr>
                <tr height="49"><!--5 -->
                  <td class="fwb th col1">이메일</td>
                  <td><input type="text" class="w250" value="babanana34@naver.com"> <span class="span11">&nbsp;※ 답변글 메일수신 가능</span>
                  </td>
                </tr>
                <tr height="49"><!--5 -->
                  <td class="fwb th col1">제목</td>
                  <td><input type="text" style="width: 360px;" value="주문을 했는데 배송이 안와요...수요일에 입어야해요...제발...">
                  </td>
                </tr>
                <tr height="49"><!--5 -->
                  <td class="fwb th col1">내용</td>
                  <td class=""><!--<textarea name="" cols="95" rows="5" type="text" value="울산 중구 남외동 병영삼일아파트"></textarea>-->
                  <div class="textaria">
                    <p>블라우스를 샀는데..</p>
                    <p>왜 안올까요? 언제쯤 올 수 있을까요.. 당장 이번주 수요일 입어야하는데</p>
                    <p>오늘이 월요일이예요.. 오긴 오는 걸까요? </p> <br>
                  
                    
                  </div>
                  </td>
                </tr>
                <tr height="49"><!--9 -->
                    <td class="fwb th last_bor col1">첨부파일</td>
                    <td class="last_bor">
                        <input type="text" class="w360" value="2MB이하, JPG, PNG 또는 GIF형식의 파일만 가능">
                        <img src="img/cscenter/form_sponsor_top_chose.png">
                    </td>
               </tr>
              </tbody>
            </table>
        </div>
        <div class="purchase_wbtn">
            <a href="#ok" title="Add"><img src="img/bscenter/button_1_purchase_POP.jpg" /></a>
            <a href="#cancel"><img src="img/bscenter/button_1_purchase_POP-16.jpg" /></a>
        </div>
    </div>
</div>
<!--end show popup-->
<!--Show popup link bottom-->
<div id="modal_Form_link_bottom" class="purchase_POP_link_bottom">
    <button class="close"></button>
    <div class="purchase_top">
    	<!--<p style="font-family:RixGo EB; font-size:30px; margin-bottom:10px;">상품 정보 보기</p>
        <p style="font-family:RixGo B; font-size:14px; ">선택하신 상품의 정보와 구매 수량을 정할 수 있습니다. (문의 070-4022-8941)</p>-->
        <img src="img/cscenter/header_CUSTOMER_CENTER_wish_babosarang_popup.jpg">
    </div>
    <div id="write_review" class="purchase-body">
    	<div class="purchase_content">
        	<p style="margin-bottom:20px; color:#888;">일반적인 문의사항은 회원로그인 후, [1:1 게시판]을 이용해주시기 바랍니다.
            </p>
        	<table class="conner3">
              <!-- begin tablle -->
              <tbody>
                <tr height="49"><!--4 -->
                  <td class="fwb th col1">문의유형</td>
                  <td class="col2">
                    <label><select class="w110">
                        <option>커뮤니티</option>
                        <option>커뮤니티</option>
                        <option>커뮤니티</option>
                    </select></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="text" style="width: 245px;" value="영화관련 이벤트를 더 올려주세요~!">
                  </td>
                </tr>
                <tr height="49"><!--6 -->
                    <td class="fwb th col1">연락처</td>
                    <td>
                        <input type="text" class="w100" value="">&nbsp;&nbsp;
                        <img src="img/mypage/txt_info.png">&nbsp;&nbsp;
                        <input type="text" class="w100" value="">&nbsp;&nbsp;
                        <img src="img/mypage/txt_info.png">&nbsp;&nbsp;
                        <input type="text" class="w100" value="">  
                    </td>
                </tr>
                
                <tr height="49"><!--5 -->
                  <td class="fwb th col1">제목</td>
                  <td><input type="text" class="w100" value="asb12345">&nbsp;&nbsp;
                  <img src="img/cscenter/icon_mail_CUSTOMER_CENTER_wish_babosarang_popup.jpg">&nbsp;&nbsp;
                  <label><select class="w110">
                        <option>naver.com</option>
                        <option>naver.com</option>
                        <option>naver.com</option>
                    </select></label>
                  </td>
                </tr>
                <tr height="49"><!--5 -->
                  <td class="fwb th col1">내용</td>
                  <td class=""><!--<textarea name="" cols="95" rows="5" type="text" value="울산 중구 남외동 병영삼일아파트"></textarea>-->
                  <div class="textaria_link_bottom">
                    <p>제가 커뮤니티를 쭉 봤는데요...
                    <p>음 뭐랄까? 타사이트 커뮤니티 이벤트에 비해
                    <p>영화 이벤트과 너무 적은 것 같아요...
                    <p>그렇지 않아요?
                  
                    
                  </div>
                  </td>
                </tr>
              </tbody>
            </table>
        </div>
        <div class="purchase_wbtn">
            <a href="#ok" title="Add"><img src="img/bscenter/button_1_purchase_POP.jpg" /></a>
            <a href="#cancel"><img src="img/bscenter/button_1_purchase_POP-16.jpg" /></a>
        </div>
    </div>
</div>
<!--end show popup-->

</body>
</html>